<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/header.css">
    <link rel="stylesheet" href="style.css">
    <title>首页</title>
    <style>

        .header img{
            margin-left: 60px;
        }
        .sub-nav{
            color: #000;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="header-title">
            <div class="header-c">
                <div class="header-c-l">
                    <a href="index.html">
                        <img class="logo" src="img/标志.png" alt="">
                    </a>
                </div>
                <ul class="header-c-r">
                    <li class="header-lime">
                        <a class="sy active" href="index.html">首页</a>
                        <span id="sy" class="line active"></span>
                    </li>
                    <li class="header-lime">
                        <a href="../2-plan/plan.html">特别策划</a>
                        <span class="line"></span>
                    </li>
                    <li class="header-lime por">
                        <a href="#">精品路线</a>
                        <span class="line "></span>
                        <div class="sub-nav">
                            <a id="a1" href="../3-route/custom made/custom.html">定制团体游</a>
                            <span></span>
                            <a id="a2" href="../3-route/freedom/freedom.html">领队自由行</a>
                        </div>
                    </li>
                    <li class="header-lime por">
                        <a href="../4-about/adout.html">关于我们</a>
                        <span class="line"></span>
                        <div class="sub-nav">
                            <a id="a3" href="../4-about/adout.html">企业理念</a>
                            <span></span>
                            <a id="a4" href="../4-about/adout.html">品牌介绍</a>
                        </div>
                    </li>
                    <li class="header-lime mr0">
                        <a href="../5-join/join.html">联系我们</a>
                        <span class="line"></span>
                    </li>
                </ul>
            </div>
        </div>
        <img class="txt" src="" alt="">
        <img class="img" src="" alt="">
        <ul class="shop">
            <li class="shop-nav">
                <a href="#"></a>
            </li>
            <li class="shop-nav">
                <a href="#"></a>
            </li>
            <li class="shop-nav mr0">
                <a href="#"></a>
            </li>
        </ul>
    </div>

    <div class="banner clear">
        <div class="banner-c clear">
            <h2 class="logo">特别策划</h2>
            <div class="box"></div>
            <p class="msg">ACTIVITY ROUTR</p>
            <ul class="banner-menu clear">
                <li class="menu-item">
                    <img class="img" src="img/01.jpg" alt="">
                    <span class="span-l"></span>
                    <div class="submenu">
                        <h3>苍山洱海旁，过一段慢时光</h3>
                        <p>云南风花雪月之旅 （6days）</p>
                        <p class="list"><span class="pink"></span>洱海骑行 <span class="org"></span>手作扎染 <span class="grey"></span>泸沽湖划船 <span class="blue"></span>草海 <span class="yellow"></span>束河古镇 <span class="green"></span>拉市海</p>
                            
                    </div>
                </li>
                <li class="menu-item">
                    <img class="img-r" src="img/02.jpg" alt="">
                    <span class="span-r"></span>
                    <div class="submenu">
                        <h3>苍近距离看“滚滚”花式卖萌</h3>
                        <p>成都City  Walk之旅 （6days）</p>
                        <p class="list"><span class="pink"></span>熊猫基地 <span class="org"></span>宽窄巷子 <span class="grey"></span>武侯祠 <span class="blue"></span>小酒馆 <span class="yellow"></span>吃货天堂 <span class="green"></span>锦里</p>
                            
                    </div>
                </li>
                <li class="menu-item mb0">
                    <img class="img" src="img/03.jpg" alt="">
                    <span class="span-l"></span>
                    <div class="submenu">
                        <h3>骑行青海湖，行摄纯净天空之境</h3>
                        <p>梦回大西北之旅 （6days）</p>
                        <p class="list"><span class="pink"></span>茶卡盐湖 <span class="org"></span>U型天路 <span class="grey"></span>青海湖日出 <span class="blue"></span>魔鬼城 <span class="yellow"></span>七彩丹霞 <span class="green"></span>莫高窟</p>
                            
                    </div>
                </li>
            </ul>
            <div class="btn">
                <a href="">MORE</a>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="content-c">
            <div class="about">
                <h2 class="logo">关于我们</h2>
                <div class="box"></div>
                <p class="msg">ABOUT  US</p>
            </div>
            <div class="icon">
                <img class="img" src="img/st-背景.png" alt="">
                <img class="logo" src="img/st-logo 1.png" alt="">
            </div>
            <div class="content-top">
                <div class="top-l">
                    <h3>介绍</h3>
                    <p>INTRODUCE</p>
                </div>
                <span></span>
                <div class="top-r">
                    <p>新旅行概念社区，在这里，你可以收货来自世界各地的友谊，为您   <br>
                        提供省心、省钱、纯玩、有趣的路线随时带您出发看世界。 </p>
                </div>
            </div>
            <div class="content-bottom">
                <div class="bottom-l">
                    <h3>理念</h3>
                    <p>CONCEPT</p>
                </div>
                <span></span>
                <div class="bottom-r">
                    <p>每一寸土地都承载着一个城市厚重而亲切的灵魂。<br>
                        About travel, about life, That's all. </p>
                </div>
                
            </div>
        </div>

    </div>
    
    <div class="main">
        <div class="main-c">
            <div class="about">
                <h2 class="logo">精品路线</h2>
                <div class="box"></div>
                <p class="msg">CLASSICS ROUTR</p>
            </div>
            <ul class="main-list">
                <li class="list-item">
                    <p>京都岚山深度一日游</p>
                    <span>寻找我们的风花雪月</span>
                </li>
                <li class="list-item">
                    <img src="img/001.jpg" alt="">
                    <div class="mask"></div>
                    <span class="mask-xian"></span>
                </li>
                <li class="list-item">
                    <p>西北精环线自驾游</p>
                    <span>圆一场北方的梦</span>
                </li>
                <li class="list-item">
                    <img src="img/002.jpg" alt="">
                    <div class="mask"></div>
                    <span class="mask-xian"></span>
                </li>
                <li class="list-item">
                    <p>东极岛三日游</p>
                    <span>后青春时代的海岛记忆</span>
                </li>
                <li class="list-item">
                    <img src="img/003-图层.png.jpg" alt="">
                    <div class="mask"></div>
                    <span class="mask-xian"></span>
                </li>
            </ul>
            <div class="btn">
                <a href="">MORE</a>
            </div>
        </div>

    </div>


    <div class="footer">
        <img src="img/10.jpg" alt="">
        <div class="footer-c">
            <div class="footer-l">
                <div class="btn">
                    <a href="">定制团体游</a>
                </div>
                <span class="span">独立成团 &nbsp;&nbsp; 专属定制</span>
                <p>简单几步 ，定制您的私人旅行</p>
                <span class="tips"></span>
            </div>
            <div class="footer-r">
                <div class="btn">
                    <a href="">领队自由行</a>
                </div>
                <span class="span">金牌领队 &nbsp;&nbsp; 专业跟拍</span>
                <p>简单几步 ，定制您的私人旅行</p>
                <span class="tips"></span>
            </div>
        </div>

    </div>

    
    <div class="guild">
        <div class="guild-c">
            <div class="about">
                <h2 class="logo">联系我们</h2>
                <div class="box"></div>
                <p class="msg">CONTACT</p>
            </div>
            <div class="guild-list">
                <div class="list">
                    <h3>慢旅Slow Travle工作室 </h3>
                    <p>地点：中国河南省郑州市绿地新都汇</p>
                    <p>邮编：1000000</p>
                    <p>电话：0392-23656504</p>
                    <p>邮箱：manlv@qq.com</p>
                    <div class="img">
                        <a href=""><img src="img/QQ.png" alt=""></a>
                        <a href=""><img src="img/微信.png" alt=""></a>
                        <a href="" ><img src="img/微博 (1).png" alt=""></a>
                    </div>
                    <p>COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.</p>
                </div>
                <div class="regsiter">
                    <div class="regsiter-list">
                        <div class="name">
                            <span>姓名</span><span>邮箱</span><span class="mr0">电话</span>
                        </div>
                        <span class="xian"></span><span class="xian"></span><span class="xian mr0"></span>
                        <p>内容</p>
                        <p class="c-xian"></p>
                        <a href="">提交</a>
                        
    
                    </div>
                    
                </div>
            </div>
        
        </div>

    </div>
</body>
</html>